$(window).ready(function(){
	$(window).on('scroll',function(){
		if(checkScrollSlide()){
			if($('.prize-info').length < 40){
				var newCreateobj = createList();
				$('#listWrapper').append(newCreateobj);
			}else{
				$('#listWrapper').css('padding-bottom','70px');
			}
		}
	})

	$(".prize-info").click(function(){
		$(".detail_popup").removeClass("hidden")
		$(".detail_popup").addClass("show")

	})

	$(".back-btn div").click(function(){
		$(".detail_popup").removeClass("show")
		$(".detail_popup").addClass("hidden")

	})
})


//
//function createList(str){
//	return '<li class="list-group-item">'+`<div class="prize">
//					<div class="prize-info prize-info1">
//						<img src="squre.png" alt="小号图片">
//						<h4>可兑换商品<i>1200</i></h4>
//						<hr/>
//					<p>可兑换商品可兑换商品可兑换商品可兑换商品可兑换商品</p>
//					</div>
//					<div class="prize-info prize-info2">
//						<img src="squre2.png" alt="小号图片">
//						<h4>可兑换商品<i>1200</i></h4>
//						<hr/>
//					<p>可兑换商品可兑换商品可兑换商品可兑换商品可兑换商品</p>
//					</div>
//				</div>
//				<div class="prize">
//					<div class="prize-info prize-info2">
//						<img src="squre2.png" alt="小号图片">
//						<h4>可兑换商品<i>1200</i></h4>
//						<hr/>
//						<p>可兑换商品可兑换商品可兑换商品可兑换商品可兑换商品</p>
//					</div>
//					<div class="prize-info prize-info1">
//						<img src="squre.png" alt="小号图片">
//						<h4>可兑换商品<i>1200</i></h4>
//						<hr/>
//						<p>可兑换商品可兑换商品可兑换商品可兑换商品可兑换商品</p>
//					</div>
//				</div>` +'</li>';
//}

function checkScrollSlide(){
	var $lastboxs = $(".prize-info:last");
	var lastH = $lastboxs.offset().top+Math.floor($lastboxs.outerHeight() - 2);
	var scrollTop = $(window).scrollTop();
	var screenH = $(window).height();
	return (lastH<scrollTop+screenH)?true:false;
}
